@import "./common.less";

ul{
	-webkit-padding-start: 0;
	list-style: none;
}

section >ul > li{
	display: block;
	margin-top:2em;
}

blockquote {
	margin-left: 0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:lighter;
}

.post-href{
  font-size:0;
	display: block;
	color:inherit;
}

.post-href > h2{
	color:@fontColor;
	vertical-align: top;
	box-sizing: border-box;
	display:inline-block;
	font-size:32px;
	width:30%;
	line-height: 40px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;

}

.post-href > h2:hover{
	display: inline-block;
	color:@themeColor;
}

.post-href > div{
	font-size:16px;
	line-height:24px;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 10%;
	width:70%;
	display: inline-block;
	color:@fontColor;

	> *:first-child{
		-webkit-margin-before: 0;
	}
  code {
    padding: 1px 6px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
  }
}

/* small screen */
@media (max-width: 767px) {
	.post-href {
		display: block;
		text-decoration: none;
	}
	.post-href > h2,
	.post-href > div{
		display: block;
		width: 100%;
	}
	.post-href > div{
		margin-top:1rem;
		padding-left:0;
	}
	ul > li{
		padding-top:10px;
	}
}

.tool-bar{
	padding-top:55px;
	padding-bottom:55px;
	text-align: center;
}

.tool-bar > a{
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 1px;
	padding: 15px 25px;
	color:@fontColor;
}
.tool-bar > a:hover{
	color:@themeColor;
};
